js typing

发表于 | 分类于 ， ， | 阅读次数: 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id='divTyping'></div>
<script>
  var str = 'js 实现的 打字效果。';
  var i = 0;
  function typing(){
    var divTyping = document.getElementById('divTyping');
    if (i <= str.length) {
      divTyping.innerHTML = str.slice(0, i++) + '_';
      setTimeout('typing()', 200);//递归调用
    }
    else{
      divTyping.innerHTML = str;//结束打字,移除 _ 光标
    }
  }
 typing();
</script>

示例：点击查看

另一种自动打字效果，引用自：https://blog.csdn.net/qq_32623363/article/details/77429463
示例：点击查看